<template>
  <div class="zyz">
    <!-- top -->
    <top />
    <!-- nav -->
    <cpzx-nav-bar />
    <!-- swiper -->
    <swiper class="swiper" :pbanners="banners" />
    <!-- 产品概述 -->
    <product-over-view />
    <!-- 适用对象 -->
    <audience />
    <!-- 产品架构 -->
    <framework />
    <!-- 功能模块 -->
    <function-module />
    <!-- 大数据 -->
    <!-- <big-data /> -->
    <!-- 产品展示 -->
    <!-- <product-display /> -->
    <!-- bottom -->
    <ynwj-bottom />
    <!-- fixed -->
    <fixed />
  </div>
</template>

<script>

import Top from "components/common/Top.vue";
import CpzxNavBar from "components/common/navbar/CpzxNavBar.vue";
import Swiper from "components/common/Swiper.vue";
import YnwjBottom from "components/common/YnwjBottom.vue";
import Fixed from "components/common/Fixed.vue";

import ProductOverView from "./zyzcpns/ProductOverView.vue";
import Audience from "./zyzcpns/Audience.vue";
import Framework from "./zyzcpns/Framework.vue";
import FunctionModule from "./zyzcpns/FunctionModule.vue";
// import BigData from "./zyzcpns/BigData.vue";
// import ProductDisplay from "./szxccpns/ProductDisplay.vue";

  export default {
    name: "Zyz",
    data() {
      return {
        banners: [
          {
            name: "数字乡村",
            img: "https://www.1nuoyun.com/uploadfile/2021/09/15/20210915182621dAcHKV.png",
            text: {
              mainTit: "志愿者服务平台",
              subhead: "搭建区域志愿者门户，实现共建、共治、共享",
              btnCon: "申请体验",
            },
            type: true,
          }
        ]
      }
    },
    components: {
      Top,
      CpzxNavBar,
      Swiper,
      YnwjBottom,
      Fixed,
      ProductOverView,
      Audience,
      Framework,
      FunctionModule,
      // BigData,
      // ProductDisplay
    }
  }
</script>

<style lang="scss" scoped>
  
</style>